<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <head th:include="include :: header"></head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Title</title>

    <style>
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
        .mobile {
            width: 80%;
            height: 30em;
            color: darkgrey;
        }
        .showAll {
            width: 80%;
            padding: 5px;
            position: relative;
            display: inline-block;
            text-align: center;
        }
        .statusFlag {
             position: absolute;
             width: 12%;
             height: 12%;
             right:5em;
             bottom:7em;
             color: green;
            margin: 0px;
         }
    </style>
    <script src="/plugins/binding-font/iconfont.js"></script>
</head>
<body style="background-color: ghostwhite">
<!--<div style="background-color:white;color: black;width: 100%;height: 2em;">-->
    <!--<span style="font-size: 1.5em;margin: 1em;">绑定结果</span>-->
<!--</div>-->
    <div align="center">
        <div class="showAll">
            <svg class="icon mobile" aria-hidden="false">
                <use xlink:href="#icon-phone"></use>
            </svg>
            <img class="statusFlag" style="background-color: white;border-radius: 50%" src="/img/Icon-zhengque.png"/>
           <!--<div class="statusFlag" style="border-radius: 60%; background-color: white">-->
              <!---->
           <!--</div>-->
        </div>
        <div style=" color: green;">
            <span style="font-size: 20px;">绑定成功</span>
        </div>
    </div>


</body>
<div th:include="include :: footer"></div>

<script type="text/javascript">

</script>
</html>